<template>
  <h2>生命周期</h2>
</template>

<script>
import { onMounted } from "vue";
export default {
  // setup里面没有beforeCreate和created,直接写在setup的里面
  setup() {
    // console.log("setup");

    // 现在生命周期需要从vue里面解构
    // 变成函数调用了,里面接受回调函数
    onMounted(() => {
      console.log("onMounted");
    });
    onMounted(() => {
      console.log("onMounted2");
    });
    onMounted(() => {
      console.log("onMounted3");
    });
    onMounted(() => {
      console.log("onMounted4");
    });
  },
};
</script>
